<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>绑定值</title>
    </head>
    <body>

        <!-- 选择列表 -->
        <div id = "app">
            <select v-model = "selected">
                <option
                v-for="option in options"
                :value="option.value">{{option.text}}</option>
            </select>
           选择的是 {{ selected}}
        </div>

        <script src = "../../vue.min.js"></script>
        <script>
            var app = new Vue({
                el:"#app",
                data:{
                    selected:'html',
                    options:[
                        {
                            text: 'HTML',
                            value:'html'
                        },{
                            text: 'JavaScript',
                            value:'js'
                        },{
                            text: 'css',
                            value: 'css'
                        }
                    ]
                }
            })
        </script>

    </body>
</html>